<template>
    <div class="safe-information">
        <van-nav-bar
            title="安全咨询"
            left-arrow
            @click-left="backHandler"
            />
        <div class="news-list">
            <div class="news" @click="newsHandler">
                <div class="head">
                    <span class="title">资讯标题</span>
                    <span class="type">资讯类型</span>
                </div>
                <div class="body">资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介资讯简介</div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            
        }
    },
    created(){
    },
    methods:{
        backHandler(){
            android.setFinish()
        },
        newsHandler(){
            console.log(1)
            this.$router.push('/safeInfoDetail')
        }
    }
}
</script>

<style>
.safe-information{
    background-color: #eeeeee;
}
.news {
    width: 100vw;
    padding: 8px 12px;
    margin: 6px 0;
    font-size: 14px;
    color: #333333;
    background-color: #ffffff;
    box-sizing: border-box;
}
.news .head {
    margin-bottom: 2px;
    overflow: hidden;
}
.news .head .title {
    float: left;
}
.news .head .type {
    float: right;
}
.news .body {
    font-size: 12px;
    color: #999999;
}
</style>